
header {
    display: flex;
    align-items: center; /* 垂直居中对齐子元素 */
    padding: 1px 20px; /* 添加一些内边距，使内容不会紧贴边缘 */
    background-color: #17A2B8; /* 背景颜色 */
    color: white; /* 文字颜色 */
}

/* 欢迎信息的样式 */
.wel h3 {
    margin-right: 20px;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 导航链接的样式 */
nav ul {
    display: flex; /* Flex布局用于水平排列链接 */
    list-style: none; /* 移除列表项的默认样式 */
}

nav li {
    margin-right: 20px; /* 设置列表项之间的间距 */
}

nav li:last-child {
    margin-right: 0; /* 最后一个列表项不需要额外的右边距 */
}

nav a {
    color: white; /* 链接文字颜色 */
    text-decoration: none; /* 移除链接的下划线 */
    font-size: 18px; /* 字体大小 */
    font-family: Arial, sans-serif; /* 字体设置 */
    transition: color 0.3s ease; /* 添加颜色过渡效果 */
}

nav a:hover {
    color: #FFD700; /* 鼠标悬停时改变颜色 */
}
